$l-main-color: #303133;
$l-content-color: #606266;
$l-tips-color: #909193;
$l-light-color: #c0c4cc;
$l-border-color: #dadbde;
$l-bg-color: #f3f4f6;
$l-disabled-color: #c8c9cc;

$l-primary: #3c9cff;
$l-primary-dark: #398ade;
$l-primary-disabled: #9acafc;
$l-primary-light: #ecf5ff;

$l-warning: #f9ae3d;
$l-warning-dark: #f1a532;
$l-warning-disabled: #f9d39b;
$l-warning-light: #fdf6ec;

$l-success: #5ac725;
$l-success-dark: #53c21d;
$l-success-disabled: #a9e08f;
$l-success-light: #f5fff0;

$l-error: #f56c6c;
$l-error-dark: #e45656;
$l-error-disabled: #f7b2b2;
$u-error-light: #fef0f0;

$l-info: #909399;
$l-info-dark: #767a82;
$l-info-disabled: #c4c6c9;
$l-info-light: #f4f4f5;

$l-default: white;

$l-white: #fff;
$l-black: #000;
$l-red: #f00;
$l-green: #0f0;
$l-blue: #00f;
$l-yellow: #ff0;
$l-pink: #f0f;
$l-cyan: #0ff;
$l-gray: #808080;
$l-orange: #ffa500;
$l-purple: #800080;
$l-brown: #a52a2a;
$l-gold: #ffd700;
$l-silver: #c0c0c0;
$l-transparent: transparent;

// 阿里云图标库在线资源
$icon:'https://at.alicdn.com/t/c/font_4173411_0avyivr5nli5.css';


@mixin flex($direction: row) {
	display: flex;
	flex-direction: $direction;
}

@mixin grid-col($columns:auto,$gap: 10px) {
	display: grid;
	grid-template-columns: $columns;
	grid-gap: $gap;
}

@mixin grid-row($rows:auto,$gap: 10px) {
	display: grid;
	grid-template-rows: $rows;
	grid-gap: $gap;
}

@mixin them(){
	@each $header,
	$color in (primary: $l-primary, error: $l-error, info:$l-info, warning:$l-warning, success:$l-success) {
		&-#{$header} {
			color: $color;
		}
	}
}
